﻿body {
	color: #333;
	margin: 0;
	padding: 0;
	background: white;
}

a { color: #0066CC; }

body, td, th, h3, textarea, input, select {
	font-family: Sans-Serif, Verdana;
	font-size:  .85em;
}

img{
	border:0px;
}

.Hidden { display: none; visibility: hidden; }
.Visible { visibility: visible; }

#LoadingSpan 
{
	background-color: #CC3333;
	position:absolute;
	top:0;
	right:0;
	color: White;
	padding: 2px;
}

.smallText { font-size: small; line-height: 15px; display:block;}

#wrap {
	position: relative;
	text-align: left;
	background: #fff;
	margin: 0 auto;
	padding: 0 0px 0 0px;
	min-width: 600px;
	max-width: 100%;
}

.clear{
	clear:both;	
}

#header {
	height: 50px;
	width: 100%;
	margin: 0px;
	background-color: #02558a;
	color: White; 
}
#header A {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
#headerLogo {
	display:block;
	float: left;
	padding: 3px 0px 0px 14px;
	font-size:36px; 
	font-weight: bolder; 
	font-family: "Trebuchet MS", Sans-Serif, Verdana;
}

#headerTagLine {
	float:left;
	padding: 25px 0px 0px 0px;
	margin-left:8px;
	font-weight: bold;
	font-size: .9em;
	font-family: "Trebuchet MS", Sans-Serif, Verdana;
}
#headerLinks{
	float:right;
	padding: 17px 3px 0px 0px;
}
#headerLinks A {
	padding: 0px 8px 0px 8px;
}

#breadcrumbs {
	height: 24px;
	background-color: #3297cc;
	font-size: 0.95em;
	color: black;
}

#breadcrumbs A
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: inherit;
}


#breadcrumbs #home{
	display:block;
	float:left;
	padding: 4px 0px 0px 15px;
}
#breadcrumbs #joinCommunity{
	display:block;
	float:right;
	padding: 4px 3px 0px 0px;
}

#mainContent .mcLeftSide{
	overflow:hidden;
	display:block;
	margin:3px 7px 0px 7px;
}

#mainContent .mcRightSide{
	display:block;
	float:right;
	width: 226px;	
}
/*No longer needed*/
/*#topAds { margin: 18px 0px 18px 0px; width:99%; text-align: center; background-color: #FFFFFF;}*/

.largeInput 
{
	font-size: 1.5em; 
	border: 1px solid #DDDDDD;
	background-color:#F7F7F7;
	color: #000000;
	padding: 2px;
	width:250px;
}	
.largeInputLabel
{
	font-size: 1.3em; 
	color: #404048;
	
}

.PopularStoryListHeader {
	float:left;
	font-size: 0.93em;
	padding: 7px 7px 7px 7px; 
}
.PopularStoryHeaderLink {  padding: 0px 0px 0px 6px; background: url(images/divider.gif) 0 100% no-repeat; }
.PopularStoryHeaderLinkSelected { color: #009000;}
.PopularStoryHeaderLinkChanging { color: Gray; }
.PopularStoryHeaderLinkSelected, .PopularStoryHeaderLinkChangingSelected { font-weight: bold; text-decoration: none; font-size: 1.3em; }
#upcomingStories{
	float:right;
	padding: 9px 3px 7px 7px;
	font-size: 0.90em;
}

.PageCaption
{
	font-size: 2em;
	width:100%;
	border-bottom: 1px solid black;
}

.PageSmallCaption
{
	font-size: 1.4em;
	width:100%;
	border-bottom-: dashed;	
	border-bottom-width: thin;
	border-bottom-color: #bbbbbb;
}


.StoryListHeaderCaption { font-size: 1.6em; }
.StoryListHeaderSecondaryCaption { text-align: right; }
/*No longer needed*/
/*
.Thumbnail { border: solid 5px #EEEEEE; padding: 5px; margin: 5px 5px 20px 0px; }
*/
.storySummary 
{
	padding: 4px 4px 4px 4px;
	margin: 12px 0 0 0;
	border: 1px solid black;
	
}

.PopularStoryListDiv .odd 
{
	float:left;
	border-: solid;
	border-color: #F9F9F9;
	border-width: 1px;
}

.PopularStoryListDiv .even 
{
	float:left;
	background-color: #F8F8F8;
	border-: solid;
	border-width: 1px;
	border-color: #F2F2F5;
}

.storySummary .ssLeftSide{
	display:block;
	float:left;
	width: 60px;
	padding:3px 0px 0px 3px;
}

.storySummary .ssRightSide{
	display:block;	
	overflow: hidden;
	padding: 2px 0px 0px 11px;
}

.storyKickCount 
{
	background-color: #F1E6AA;
	text-align: center;
	font-weight: bold;
	width: 60px;
	height: 53px;
	font-family: "Trebuchet MS", Sans-Serif, Verdana;
}

.storyKickCount a {	text-decoration: none; }
.storyKickCount1 {  font-size: 2em; color: #949494; background-color: #E5EDF4; background-image: url(images/gradients/storyKickCount1.gif); background-repeat:no-repeat;	 }
.storyKickCount1 a { color: #949494; }
.storyKickCount10 { font-size: 2em; color: #949494; background-color: #D4E1ED; background-image: url(images/gradients/storyKickCount10.gif); }
.storyKickCount10 a { color: #6C6C6C; }
.storyKickCount100 { font-size: 1.7em; color: #949494; background-color: #BED7EA; background-image: url(images/gradients/storyKickCount10.gif); }
.storyKickCount100 a { color: Black; }
.storyKickCount1000 { font-size: 1.4em; color: #949494; background-color: #AACAE2; background-image: url(images/gradients/storyKickCount10.gif); }
.storyKickCount1000 a { color: Black; }

.storyKickIt {
	background-color: White;
	border: #c0c0c0 1px solid;
	text-align: center;
	padding: 3px 3px 3px 3px;
	margin-top: 4px;
}

.storyKickIt a 
{
	color: #0066CC;
	font-weight: bold;
}

.storyKicked
{
	background-color: #9EC630;
	background-image: url(images/gradients/green.gif);
	text-align: center;
	padding: 4px 4px 4px 4px;
	margin-top: 4px;
	font-size:.9em;
}

.storyKicked a { color:White; font-weight:bold; text-decoration: none; }

.storyTitle { font-size: 1.4em;font-family: "Trebuchet MS", Sans-Serif, Verdana; }
.storySubmitted { font-size: .85em; margin-left: 8px; }
.storyActions { font-size: .85em; }

.storyTags 
{
	font-size: 1em;
	padding: 14px 14px 14px 14px;
	border: #eeeeee 1px solid;
	background-color: #E7F7FF;
	font-family: "Trebuchet MS", Sans-Serif, Verdana;
}

.tagListSummary 
{
	float:right;
	font-size: 0.9em;
}

.tagCloud a { line-height: 1.4em; padding-right: 0.4em; }

.tag 
{
	text-decoration: none;
	padding: 4px 4px 4px 4px;
	font-family: "Trebuchet MS", Sans-Serif, Verdana;
}

.tag10{
	font-size:1em;
}
.tag11{
	font-size:1.1em;
}
.tag13{
	font-size:1.3em;
}
.tag14{
	font-size:1.4em;
}
.tag18{
	font-size:1.8em;
}

#tagCaption{
	font-size:0.7em;
}

.oddTag { color: #009000; }
.evenTag { color: #0066CC; }
.namespaceTag { border: dotted 1px #CCCCCC; padding: 4px; margin: 10px; color: #888746; background-color: #FDFDE8;}
.DNKTV_NamespaceTag {  }

.editableTagListTD { width: 300px; }

.Paging 
{
	font-size: 1.4em;
	width:100%;
	border-top-: solid;	
	border-top-width: thin;
	text-align: right;
	font-family: "Trebuchet MS", Sans-Serif, Verdana;
}

.PagingPrevious, .PagingNext 
{
	padding: 4px 4px 4px 4px;
}

.PagingInfo 
{
	
}

#footer { 
	width: 100%;
	margin-top: 60px;
	font-size:0.9em;
	text-align:right; 
	background-color: #3297cc;
	color: White;
	padding: 4px 0px 4px 0px; 
}
#footer A { color: #FFFFFF; font-weight: bold; text-decoration: none;}

.GreenPanel {
	width:200px;
	background-color:#d7e7f5;	
	padding: 8px 8px 8px 8px;
	margin: 14px 0 0 0;
    border: #b4def0 1px solid;						
}
.GreenPanelCaption, .GreenPanelPlainCaption { font-size: 1.2em; font-weight:bold; }

.GreenPanelPlain {
	width:200px;
	background-color: #d7e7f5;
	padding: 8px 8px 8px 8px;
	margin: 14px 0 0 0;
    border: #b4def0 1px solid;
}

.SideBarLink 
{
	font-weight: bold;
	margin-left: 12px;
	margin-top: 10px;
}

.LightLink a, .ReportAsSpamLink a
{
	font-weight: normal;
	font-size: 0.7em;
	color: #b0b0b0;
}

.ReportAsSpamLink a
{
	font-size: 0.9em;
}


.ModeratorLink a
{
		font-size: 0.9em;
		color: Red;
}

.FormHelp 
{
	font-size: .9em;
	color: Gray;
}
	
.ValidationMessage 
{
	vertical-align: top;
	text-align: left;
	color: Red;
}
.HelpDiv 
{
	padding: 20px 20px 20px 20px;
	background-color: #f6f6f6;
	font-size: 1.4em;
}

.HelpTitle
{
	background-color: #f6f6f6;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

.HelpAnswer
{
	background-color: White;
	padding: 10px 10px 10px 10px;
}


.Comment { padding: 12px 12px 12px 12px; margin-top: 8px; }
.CommentAuthor { text-align: right; font-size: 0.8em; }

.Comment 
{
	border-: solid;
	border-color: #CCCCCC;
	border-width: 1px;
}

.CommentAlt 
{
	background-color: #F8F8F8;
	border-: solid;
	border-width: 1px;
	border-color: #AAAAAA;
}


.flash {
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	margin: 0px 0px 8px 0px;
}

.flash-notice {
	background: #fff6bf url(images/icons/exclamation.png) center no-repeat;
	background-position: 15px 50%;
	border-top-color: #ffd324;
	border-bottom-color: #ffd324;
}

.flash-information {
	background-color:#b4def0;
	border-top-color: #02558a;
	border-bottom-color: #02558a;
}

.flash-error {
	background: #ffd1c4 url(images/icons/error.png) center no-repeat;
	background-position: 15px 50%;
	border-top-color: #f00;
	border-bottom-color: #f00;
}

.registerBox{
	margin: 50px 0px 0px 100px;
}
#loginBox{
	display:block;
	margin: 50px 0px 0px 200px;
}

#loginBox #lbLeftSide{
	display:block;
	float:left;
}

#loginBox #lbLeftSide label{
	display:block;
	padding: 5px 5px 0px 0px;
}

#loginBox #lbRightSide{
}


#loginCaption
{
	display:block;
	width: 400px;
	text-align:center;
	font-weight:bold;
}
.submitStoryBox
{	
	margin: 50px 0px 0px 150px;
}

.warning{
	color:red;
	display:none;
}

.blueLabel{
	color:blue;
}